/* 
    HOME PAGE
    Folha de estilo padrão.
*/

* {
    margin: 0em;
    padding: 0em;
}

root { 
    display: block;
}

html, body {
    /*width:780px; /* menor resolução somente para teste */
    min-width: 780px;
    font-family: "Calibri", "Verdana";
    font-size: 10pt;
}

button{
    padding: 3px 9px;
}

a{
    color: #215E21;
    font-weight: bold;
    text-decoration: none;
}

a:hover{
    text-decoration: underline;
    color: #215E21;
}

div.container {
    width: 100%;
    min-width: 780px;
}

div.header{
    width: 100%;
    height: 150px;
}

div.top_bar {
    background-color: #5C3317;
    height: 30px;
}

p.top_busca{
    color: #FFFFFF;
    font-size: 11pt;
    padding: 3px 50px;
    text-align: right;
}

p.top_busca a{
    color: #FFFFFF;
}

p.top_login{
    font-weight: bold;
    color: #FFFFFF;
    font-size: 11pt;
    padding: 8px 20px;
    text-align: right;
}
  
p.logged{
    padding: 10px 20px 0 0;
    color: #FFFFFF;
    font-size: 11pt;
    text-align: right;
}

p.logged a{
    color: #FFFFFF;
    font-size: 11pt;
}

div.title_bar{
    background-color: #855E42;
    height: 60px;
}

div.main_menu{
    background-color: #A68064;
    height: 60px;
}

div.content{
    width: 100%;
    min-width: 780px;
    height: 535px;
    background-color: #EEE8CD;
}

div.footer{
    width: 100%;
    height: 40px;
    bottom: 0;
    background-color: #5C3317;
}

p.footer{
    color: #FFFFFF;
    text-align: right;
    padding: 45px 20px 0 0;
    font-size: 9pt;
}

p.footer a{
    color: #FFFFFF;
}

img{
    border:0;
}

img.main_logo{
    position: relative;
    top: -145px;
    left: 20px;
    width: 150px;
}

img.main_title{
    position: relative;
    top: -215px;
    left: 40px;
}

img.ufscar_logo{
    padding: 5px 0;
}

div.box_titulo{
    text-align: right;
    font-size: 11pt;
    font-weight: bold;
    padding: 5px 20px;
    position: relative;
    top: 0px;
    color: #FFFFFF;
    background-color: #215E21;
    border-bottom: 1px solid #215E21;
}

div.box_conteudo{
    position: relative;
    top: 0px;
    padding: 15px;
    padding-right: 60px;
    height: 190px;
    background-repeat: no-repeat;
    background-position-x: 100%;
}

p.box_item{
    padding: 0 0 5px 0;
    color:#215E21;
}

p.box_item a{
    font-weight:normal;
    color: #000000;
}

p.box_item a:hover{
    font-weight:normal;
    color: #000000;
    text-decoration: underline;
}

div.box_rodape{
    color:#215E21;
    border-top: 1px solid #215E21;
    padding-top: 5px;
    width: 90%;
    text-align: right;
    position: absolute;
    bottom: 10px;
}

div.home {
    height: 80px;
    padding: 10px 30px;
    text-align: center;
}

div.news {
    background-color: #C1FFC1;
    border: 1px solid #215E21;
    width: 65%;
    height: 250px;
    position: relative;
    top: 10px;
    left: 1%;
}

div.news_conteudo{
    position: relative;
    top: 0px;
    height: 220px;
}

table.footer{
    position: relative;
    top: -45px;
    width: 100%;
    border: 0;
    height: 50px;
}

table.main_menu_1{
    padding: 5px 0px 0px 190px;
    border: 0;
}

table.main_menu_2{
    padding: 3px 0px 5px 170px;
    border: 0;
}

td.main_menu{
    padding: 0px 15px;
    background-color: #A68064;
    border: 0;
}

td.main_menu:hover{
    padding: 0px 15px;
    background-color: #5C3317;
    border: 0;
}

td.main_menu a{
    color: #FFFFFF;
    font-size: 13pt;
    font-weight: bold;
    text-decoration: none;
}

table.top_bar{
    margin-left: 150px;
    border:0;
    width: 85%;
}

div.news_panel{
    width: 100%;
}

p.news_erro{
    text-align: center;
    padding-top: 30px;
    font-size: 15pt;
}

div.news_frame{
    padding: 0;
    position: relative;
    left:0;
    top:0;
    width: 500px;
    height: 195px;
}

a.news_link{
    color: #FFFFFF;
}

a.news_link:hover{
    color: #CCCCCC;
    text-decoration: none;
}

div.news_titulo_background{
    width: 100%;
    height: 30px;
    position: relative;
    top:-75px;
    background-color: rgba(0,0,0,0.25);
}

p.news_titulo{
    padding: 1px 4%;
    font-size: 17pt;
    font-weight: bold;
    text-align: right;
    color: #FFFFFF;
}

div.news_resumo_background{
    width: 100%;
    height: 60px;
    position: relative;
    top:-75px;
    background-color: rgba(0,0,0,0.4);
}

p.news_resumo{
    padding: 5px 6%;
    text-align: right;
    color: #FFFFFF;
}

img.prev_news{
    position: relative;
    left: 75%;
    top: -250px;
}

img.next_news{
    position: relative;
    left: 81%;
    top: -250px;
}

img.news_status{
    position: relative;
    left: 78%;
    top: -257px;
    width: 30px;
}

div.agenda {
    background-color: #C1FFC1;
    border: 1px solid #215E21;
    width: 32%;
    height: 250px;
    position: relative;
    top: -242px;
    left: 67%;
}

div.artigos {
    background-color: #C1FFC1;
    border: 1px solid #215E21;
    width: 32%;
    height: 250px;
    position: relative;
    top: -232px;
    left: 67%;
}

div.biblioteca {
    background-color: #C1FFC1;
    border: 1px solid #215E21;
    width: 32%;
    height: 250px;
    position: relative;
    top: -484px;
    left: 34%;
}

div.eventos {
    background-color: #C1FFC1;
    border: 1px solid #215E21;
    width: 32%;
    height: 250px;
    position: relative;
    top: -737px;
    left: 1%;
}

input{
    color: #215E21;
    margin: 2px 0;
}